<template>
  <div style="background:#f5f5f5">
    <div id="aa">
 <Topbar></Topbar>
    </div >
   <div id="bb">
      <img src="no01.png" alt="">
   </div>
    
        <h2 style="width:50%;height:0.5rem;margin:0 auto;font-size:0.4rem;">404页面</h2>
     <div class="box">
    
       <span @click="fun1()">首页</span>
       <span @click="fun2()">返回上一页</span>
     </div>
  </div>
</template>

<script>
import Topbar from "@/components/topbar.vue";
export default {
  components:{
    Topbar
  },
  methods:{
    fun1(){
      this.$router.push('/we')
    },
    fun2(){
      this.$router.go(-1)
    }
  }
}
</script>

<style scoped>
#aa{
  width: 100%;
  height: 0.8rem;
  overflow: hiddden;
  position: fixed;
  top:0;
}
#bb img{
  width:2rem;
  height: 2rem;
  margin:1rem auto 0.5rem;
  display: block;
}
.box{
  width:80%;
  height:1rem;
  margin:0.5rem auto;
  display: flex;
 justify-content:space-around;
 font-size: 0.16rem;

}
span{
  color: #ff6709;
}
</style>